<html>
<head lang="en">
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
  <meta name="Keywords" content="">
  <meta name="description" content="">
  <meta name="filetype" content="1">
  <meta name="publishedtype" content="1">
  <meta name="pagetype" content="1">
  <meta name="author" content="">
  <meta name="editor" content="">
  <meta name="catalogs" content="201,750">
  <meta name="contentid" content="7319024">
  <meta name="publishdate" content="2019-12-02">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <title>红色记忆——娄山关遗址</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="applicable-device" content="pc,mobile">
  <meta name="HandheldFriendly" content="true">
  <meta name="MobileOptimized" content="width">
  <!-- 引入video.js样式 -->
  <link href="https://vjs.zencdn.net/7.15.4/video-js.css" rel="stylesheet">
  <!-- 引入video.js和videojs-contrib-hls.js脚本 -->
  <script src="https://vjs.zencdn.net/7.15.4/video.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/videojs-contrib-hls@5.15.0/dist/videojs-contrib-hls.min.js"></script>
  <style>
    body{font-size: 14px;font-family:"microsoft yahei", Arial, Helvetica, sans-serif;margin:0;padding:0;}
    div,ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin:0;padding:0;border:none;list-style:none;}
    input{border:none;outline: none;list-style:none;}
    img{border:none; vertical-align:top;outline:none;}
    video{border:none; vertical-align:top;outline:none;max-width: 100%;
      height: auto;}
    em{font-style:normal;}
    .fl{float:left;}
    .fr{float:right;}
    .clear{clear:both;}
    a{color:#000; text-decoration:none;}
    a:hover{text-decoration:none;}

    .container{width:100%;min-width: 1200px; min-height: 600px}
    .main1{width: 1100px;margin: 0 auto;position: relative;}
    /*banner*/
    .banner{width: 100%;min-width: 1200px;height: auto;}
    .banner img{display: block;width: 100%;height: auto;}

    .main{padding:20px 0 50px;margin:0 auto;}
    .list_nr{text-align:center;min-height:500px;color:#000;width:1000px;margin:0 auto;}
    .list_nr .tit{line-height:40px;font-weight:bold;font-size:20px;margin:30px auto;}
    /*.list_nr .tit1{line-height:30px;height:30px;border:1px dashed #d3d3d3;}*/
    .list_nr .zhengwen{line-height:30px;margin:15px auto;font-size:14px;color:#000;font-family:"宋体";}
    .list_nr .zhengwen p{line-height:30px;margin:15px auto;text-align:left;}
    div.tr{text-align:right;}
    /*.list_nr ul{margin:10px;padding:10px;}*/
    .list_nr ul li{height:25px;line-height:25px;text-align:left;font-size:14px;/*background:url(../images/black-dot.png) left center no-repeat;padding:0px 10px;*/clear:both;color:#000}
    .list_nr ul li a{color:#000;display:inline;margin-right:5px;}
    .list_nr ul li a:hover{text-decoration:underline;color:#da1f31;}
    .list_nr dl{width:300px;float:left;display:inline;margin:7px 12px;}
    .list_nr dl dd{height:220px;/*background:url(../images/zi_tu_bg.jpg) no-repeat;*/padding-top:3px;}
    .list_nr dl dd img{width:300px;height:220px;}
    /*.list_nr dl dd video{width:300px;height:220px;}*/
    .list_nr video {
      max-width: 100%;
      height: auto;
    }
    #videoContainer {
      display: flex;
      justify-content: center;
      align-items: center;
      /*height: 100vh;*/
      max-width: 100%; /* 设置最大宽度 */
      margin: 0 auto;
    }

    /* 调整视频播放器的样式 */
    /*#singleVideo {*/
    /*  max-width: 100%; !* 限制视频最大宽度 *!*/
    /*  height: auto; !* 自动计算高度，保持纵横比 *!*/
    /*}*/
    .list_nr dl dt{line-height:25px;}
    ul.pages{margin: 30px auto;text-align: center;}
    ul.pages li{height:20px;line-height:20px;text-align:center;font-size:15px;background:#fff;color:#333333;clear: none;margin: 0 5px;padding: 0 6px;border: 1px solid #dddad2;display: inline-block;}
    ul.pages li a{width: auto;margin-right: 0;}
    ul.pages li a:hover{text-decoration: none;}
    ul.pages li.page.page-active{background: #d8d8d8;border: 1px solid #cccad2;}
    ul.pages li.page.page-active a{color: #333333;}

    /*footer*/
    .footer{width: 100%;min-width: 1200px;padding:30px 0;background: url(img/img.png) no-repeat top center;background-size: 100% 100%;}
    .phone-footer,.phone-banner{width: 100%;min-width:100%;display: none;}
    .phone-footer img,.phone-banner img{display: block;width: 100%;height: auto;}
    .phone-footer{width: 100%;background: url(img/img.png) repeat;font-size: 12px;line-height: 20px;color: #fff;text-align: center;}
    .phone-footer p{padding: 20px 0;}

    /************************************************************************************
    smaller than 980
    *************************************************************************************/
    @media screen and (min-width:480px) and (max-width: 980px) {
      .head,.banner,.footer,.weizhi,.nav-box{display:none;}
      .phone-banner,.phone-footer{display:block;width:100%; height:auto; margin:0 auto;padding:0;clear:both; }
      .phone-banner img,.phone-footer img{width:100%;height: auto;display: block;}
      .container{width: 100%;min-width: 100%;}
      .main{width:95%;min-width: 95%;margin:0 auto; padding:0;  clear:both;}
      .main img{width:95%; min-width: 95%;height:auto;padding:0; clear:both;}
      .main video{width:95%; min-width: 95%;height:auto;padding:0; clear:both;}
      .list_nr{width: 100%}
      .list_nr ul li a{width: 75%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left;}
      .list_nr ul li span{float:right;}
      .list_nr ul li{height: 30px;line-height: 30px;}
    }
    /************************************************************************************
            smaller than 560
    *************************************************************************************/
    @media screen and (max-width: 480px) {
      .head,.banner,.footer,.weizhi,.nav-box{display:none;}
      /* disable webkit text size adjust (for iPhone) */
      html {-webkit-text-size-adjust: none;}
      .phone-banner,.phone-footer{display:block;width:100%; height:auto; margin:0 auto;padding:0; clear:both; }
      .phone-banner img,.phone-footer img{width:100%; height:auto;display: block;}
      .container{width: 100%;min-width: 100%;}
      .main{width:95%;min-width: 95%;margin:0 auto; padding:0;  clear:both;}
      .main img{width:95%; min-width: 95%;height:auto;padding:0; clear:both;}
      .main video{width:95%; min-width: 95%;height:auto;padding:0; clear:both;}
      .list_nr{width: 100%}
      .list_nr ul li a{width: 75%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left;}
      .list_nr ul li span{float:right;}
      .list_nr ul li{height: 30px;line-height: 30px;}
    }
  </style>
  <script type="text/javascript" referrerpolicy="no-referrer-when-downgrade" src="//d.webterren.com/common.js?z=21&amp;t=202007150532"></script><script type="text/javascript" referrerpolicy="no-referrer-when-downgrade" src="//d.webterren.com/webdig21.js?z=21&amp;t=202007150532"></script><script type="text/javascript" referrerpolicy="no-referrer-when-downgrade" src="//d.webterren.com/rec.js?z=21&amp;t=202007150532"></script></head>
<body>
<div class="container">
  <div class="banner"><img src="img/head.jpg" alt=""></div>
  <div class="phone-banner"><img src="img/head.jpg" alt=""></div>
  <div class="main">
    <div class="list_nr">
      <div class="tit"><span>红色遗址——娄山关战斗遗址</span></div>
      <div class="zhengwen">
        <!--enpcontent--><p style="text-indent: 2em; margin-bottom: 15px;">
        <strong>娄山关战斗遗址<strong>
          <br></strong></strong></p>
        <p id="videoContainer" style="text-align: center;">
          <video id="singleVideo" autoplay="autoplay" class="video-js vjs-default-skin" poster="img/page.png"></video>
<!--          <video controls >-->
<!--            <source src="img/loushanguan.mp4" type="video/mp4">-->
<!--          </video>-->
          <!--          <img style="max-width: 100%;" src="http://z.hangzhou.com.cn/2019/hsjywspzj/images/2019-12/02/4519803a-fd4b-4a3c-b427-4addb6992820.jpg">-->
          <strong><br></strong>
        </p>
        <p style="text-indent: 2em; margin-bottom: 15px;">娄山关是川黔交通要道的重要关口，自古被称为黔北第一险隘，历来为兵家必争之地，素有"一夫当关，万夫莫开"之称，红军先后于此两次打响娄山关之战。1935年1月7日，红军长征途中占领遵义。1月9日红军从关南发起总攻，迅猛杀上娄山关。这场胜利为具有“伟大转折”意义的遵义会议召开创造了有利条件。</p><p style="text-indent: 2em; margin-bottom: 15px;">
        1935年2月，红三军团十三团与黔军第六团在娄山关发生第二场战斗。二渡赤水后，红军回师遵义，2月24日攻占桐梓县城，2月25日，红一、三军团与敌军为争夺关口展开激战，最终击败和歼灭敌人两个师又四个团。《红军长征史》记载，这是在毛泽东等指挥下，发挥红军运动战优势所取得的长征以来最大的一次胜利。这一胜利，极大地鼓舞了全军的士气，为此毛泽东写下了《忆秦娥·娄山关》诗词一首，“西风烈，长空雁叫霜晨月。霜晨月，马蹄声碎，喇叭声咽。雄关漫道真如铁，而今迈步从头越。从头越，苍山如海，残阳如血。”</p><!--enpproperty <articleid>7319024</articleid><date>2019-12-02 16:00:00:0</date><author></author><title>红色记忆——抗日战争胜利浙江受降纪念馆</title><keyword></keyword><subtitle></subtitle><introtitle></introtitle><siteid>2</siteid><nodeid>201750</nodeid><nodename>富阳区</nodename><nodesearchname>富阳区</nodesearchname><picurl></picurl><url>http://z.hangzhou.com.cn/2019/hsjywspzj/content/content_7319024.htm</url><urlpad>null</urlpad><sourcename>富阳博物馆</sourcename><abstract></abstract><channel>1</channel>/enpproperty-->
      </div>
    </div>
  </div>
  <div class="footer">

  </div>
  <div class="phone-footer">

  </div>
</div>
<script src="https://hm.baidu.com/hm.js?08261419fd973f118d693f2d1ce6e02b"></script><script async="" src="//cl2.webterren.com/webdig.js?z=21"></script><script src="https://www.hangzhou.com.cn/extra/js/hzwtj.js"></script>
<!-- 引入video.js样式 -->
<link href="https://vjs.zencdn.net/7.15.4/video-js.css" rel="stylesheet">
<!-- 引入video.js和videojs-contrib-hls.js脚本 -->
<script src="https://vjs.zencdn.net/7.15.4/video.js"></script>
<script src="https://cdn.jsdelivr.net/npm/videojs-contrib-hls@5.15.0/dist/videojs-contrib-hls.min.js"></script>
<script>
  // 创建视频播放器
  let res = 'https://drs.mynatapp.cc/video/demo.m3u8';
  let singlePlayer = videojs('singleVideo', {
    autoplay: true,
    controls: true,
    // width: '440',
    // height: '264',
    aspectRatio: '16:9',
    preload: 'auto',
    loop: true,
  });

  // 设置视频源并播放
  if (res) {
    singlePlayer.src({ src: res, type: 'application/x-mpegURL' });
    singlePlayer.play();
  }
</script>
</body>
</html>